.home {
    box-sizing: border-box;
    height: 92%;

    .searc {
        height: 10%;
        background-color: white;
        padding: 0 20px;

        .adm-search-bar {
            position: fixed;
            top: 15px;
            width: 90%;
        }
    }

    .neirong {
        padding: 20px;
        height: 84%;
        overflow: auto;

        .swiper {
            margin-bottom: 20px;
            height: 430px;
            width: 100%;

            .adm-swiper {
                height: 430px;
            }

            img {
                width: 100%;
                height: 100%;
            }

            h2 {
                margin: 10px 20px;
                position: relative;
                bottom: 90px;
                font-size: 28px;
                color: white
            }


        }

        .jingxuan {
            margin-bottom: 20px;

            .top {
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;

                p {
                    color: blue;
                }
            }



            .xia {
                display: flex;
                justify-content: space-around;

                .xia_one {
                    width: 30%;
                    height: 200px;

                    img {
                        width: 100%;
                        height: 80%;
                    }
                }
            }
        }

        .youwan {
            .top {
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;

                p {
                    color: blue;
                }
            }

            .zhong {
                .zhong_one {
                    width: 100%;
                    height: 100%;


                    img {
                        width: 100%;
                        height: 100%;
                    }

                    h3 {
                        position: relative;
                        bottom: 75px;
                        color: white;
                        margin-left: 20px;
                        font-size: 20px;
                    }

                    p {
                        position: relative;
                        bottom: 70px;
                        color: white;
                        margin-left: 20px;
                        font-size: 15px;

                    }
                }
            }

            .xia {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-top: -20px;

                .xia_one {
                    height: 150px;
                    width: 30%;

                    img {
                        width: 100%;
                        height: 80%;
                    }

                }
            }
        }

        .youji {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;

            h4 {
                width: 100%;
                margin: 10px 0;
            }

            .youji_one {
                justify-content: space-between;
                width: 48%;


                img {
                    width: 100%;
                    margin-bottom: 10px;
                }

                .mao {
                    display: flex;
                    justify-content: space-between;
                    height: 30px;
                    line-height: 30px;
                    margin-bottom: 10px;

                }



            }
        }


    }
}